$headerBackground:#22262a;
$infoColor:#16b2ce;
$successColor:#82ab25;
$dangerColor:#dd3c3d;
$violetColor:#a868ff;
$warningColor:#f57f0c;
$radiantColor:#8ab71b;
$direColor:#de3d3e;
$killColor:#8ab71b;
$deathColor:#dd3c3d;
$assistColor:#ffa200;
$winColor:#8ab71b;
$lossColor:#fa3838;
$hurtColor:#a868ff;
$deniesColor:#fa3838;
$perminColor:#ffa200;
$C23252b:#23252b;
$C363b42:#363b42;
$colorDeep:#23252b;
$colorPale:#2e3238;
%infoLink{
  text-decoration: none;
  color:$infoColor;
}
%transition{
  transition: all .3s;
}
%transitioninfolink{
  @extend %infoLink;
  @extend %transition;
}
%matchBackground{
  background: url("../img/match-bg.jpg") no-repeat center top #1e2124;
}
%newsBackground{
  @extend %matchBackground;
}